<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
    <title>plugins</title>

    <meta
      name="viewport"
      id="viewport"
      content="width=device-width, initial-scale=1.0"
    />

    <script>
      var view_num = window.screen.availWidth / 375;
      document
        .getElementById("viewport")
        .setAttribute(
          "content",
          "user-scalable=no, width=375, minimum-scale=" +
            view_num +
            ", initial-scale=" +
            view_num +
            ", maximum-scale=" +
            view_num +
            ""
        );

      window.onresize = () => {
        var view_num = window.screen.availWidth / 375;
        document
          .getElementById("viewport")
          .setAttribute(
            "content",
            "user-scalable=no, width=750, minimum-scale=" +
              view_num +
              ", initial-scale=" +
              view_num +
              ", maximum-scale=" +
              view_num +
              ""
          );
      };
    </script>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>

  <style>
    * {
      font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica,
        "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC",
        "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC",
        "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei",
        "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp",
        sans-serif !important;
      font-weight: normal;
      font-style: normal;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    html,
    body {
      margin: 0;
      padding: 0;
    }
  </style>
</html>
